<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quản Lý Loại Xe | Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH
	DỊCH VỤ MINH VIỆT</title>

<!-- Bootstrap framework -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
<!-- gebo blue theme-->
<link rel="stylesheet" href="css/blue.css" id="link_theme" />
<!-- breadcrumbs-->
<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
<!-- tooltips-->
<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- code prettify -->
<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
<!-- notifications -->
<link rel="stylesheet" href="lib/sticky/sticky.css" />
<!-- splashy icons -->
<link rel="stylesheet" href="img/splashy/splashy.css" />
<!-- colorbox -->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<!-- main styles -->
<link rel="stylesheet" href="css/style.css" />
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" />
<!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->
</head>
<body class="gebo-fixed menu_hover sidebar_hidden">
	<div id="maincontainer" class="clearfix">
		<!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
		<div id="contentwrapper">
			<div class="main_content">
				<!-- BreadCrumb -->
				<nav>
					<div id="jCrumbs" class="breadCrumb module">
						<ul>
							<li><a href="#"><i class="icon-home"></i></a></li>
							<li><a href="#">Điều hành xe</a></li>
							<li>Danh mục xe</li>
						</ul>
					</div>
				</nav>
				<!-- End BreadCrumb -->
				<div class="row-fluid">
					<div class="span12">
						<div class="heading">
							<h3 class="title_page">Quản lý danh mục xe</h3>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<div class="btn-group padding_bootom">
							<a href="#addnew_car_category" data-toggle="modal"
								data-backdrop="static" class="btn btn-primary "><i
								class=" icon-white icon-plus"></i> Thêm Loại Xe</a>
						</div>
						<table class="table table-condensed table-bordered ">
							<thead class="header">
								<tr>
									<th>Tên Loại Xe</th>
									<th>Ngày Tạo</th>
									<th>Ngày Sửa</th>
									<th style="width: 60px;">Thao tác</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Xe 24 chỗ</td>
									<td>20/01/2008</td>
									<td>20/01/2008</td>
									<td><a href="#edit_service" data-toggle="modal"
										class="ttip_t sepV_a" title="Sửa dịch vụ"><i
											class="icon-pencil"></i></a> <a href="#" class="ttip_t"
										title="Xóa Loại Xe"><i class="icon-trash"></i></a></td>
								</tr>
							</tbody>
						</table>

					</div>
				</div>

			</div>
		</div>

		<!-- Popup add news -->
		<div class="modal hide" id="addnew_car_category">
			<!-- Form add -->
			<form class="form-horizontal" action="#" method="post">
				<div class="modal-header">
					<button class="close" data-dismiss="modal">×</button>
					<h3>Thêm loại xe</h3>
				</div>
				<div class="modal-body">
					<div class="control-group">
						<label class="control-label">Tên Loại Xe<span class="f_req">*</span></label>
						<div class="controls">
							<input type="text" value="" placeholder="Tên loại xe" />
						</div>
					</div>
					<div class="control-group">
						<label class="control-label">Ngày tạo</label>
						<div class="controls">
							<input type="text" value="<?php echo date('d-m-Y'); ?>" disabled="disabled" />
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-primary" type="submit">
						<i class="icon-ok icon-white"></i> Lưu lại
					</button>
					<a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
				</div>
			</form>
			<!-- End Form  add -->
		</div>
		<!-- end popup add new -->


		<!-- Popup edit -->
		<div class="modal hide" id="edit_service">
			<!-- Form edit -->
			<form class="form-horizontal" action="#" method="post">
				<div class="modal-header">
					<button class="close" data-dismiss="modal">×</button>
					<h3>Sửa loại xe</h3>
				</div>
				<div class="modal-body">
					<div class="control-group">
						<label class="control-label">Tên Loại Xe<span class="f_req">*</span></label>
						<div class="controls">
							<input type="text" value="" placeholder="Xe 24 chỗ" />
						</div>
					</div>
					<div class="control-group">
						<label class="control-label">Ngày Sửa</label>
						<div class="controls">
							<input type="text" value="<?php echo date('d-m-Y'); ?>" disabled="disabled" />
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-primary" type="submit">
						<i class="icon-ok icon-white"></i> Lưu lại
					</button>
					<a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
				</div>
			</form>
			<!-- End Form  edit -->
		</div>
		<!-- end popup edit -->
		<script src="js/jquery.min.js"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery.cookie.min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<!-- scrollbar -->
		<script src="lib/antiscroll/antiscroll.js"></script>
		<script src="lib/antiscroll/jquery-mousewheel.js"></script>
		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- common functions -->
		<script src="js/gebo_common.js"></script>

		<script>
      $(document).ready(function() {
        //* show all elements & remove preloader
        
        //* confirm reload page    
        var isEdit	= false;
        $('input').change(function() {
          isEdit = true;
        });
        $('#edit_service').click(function (){
          var isEdit	= false;
         
        });        
        function checkIsEdit(isEdit) {
          if(isEdit){
            return "Bạn đã sửa đổi một số nội dung bạn có muốn thoát ?";
          }
        }
      // window.onbeforeunload = checkIsEdit;
      });      
      </script>

	</div>
</body>
</html>